/************* Style for Home page ******************/
.homePage {
  .collectCoin{
    background: #26ce9a;
    color: #fff;
  }
  .homePage_wrap {
    background: #fff;
    .recommend {
      background: #fff;
      &-head {
        background: url(../../../assets/icons/index/bg_boss_recommended.png) no-repeat;
        background-size: contain;
      }
      &-more {
        span {
          background: url(../../../assets/icons/other/icon_next.png) no-repeat;
          background-size: contain;
        }
      }
    }
  }
}
/************* Style for Searchbar ******************/
.search-bar {
  background: #f5f6f8;
  &-message {
    background: url(../../../assets/imgs/message.jpg) no-repeat;
    background-size: contain;    
  }
  .search-icon {
    background: url(../../../assets/icons/index/icon_grabble.png) no-repeat;
    background-size: contain;
  }
  .search-input {
    background-color: transparent;
    color: #565656;
  }
}
/************* Style for weui ******************/
.weui {
  &-tab__content {
    background: #f8faf9;
  }
}
/************* Style for List ******************/
.list {
  &_container {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  &_title {
    color: rgba(0, 0, 0, 0.9);
    font-weight: 500;
  }
  &_item {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.3);
  }
  &_right {
    &_right_distance {
      color: #07c160;
    }
  }
}
/************* Style for Panel ******************/
.panel{
  &_wrap {
    background-color: #fff;

  }
  &_title {
    color: rgba(0, 0, 0, 0.3);
  }
}
/************* Style for Tab ******************/

.tab-selected-type1 {
  &:before {
    background: url(../../../assets/icons/index/icon_nev.png) no-repeat;
    background-size: contain;
  }
}
.tab-selected-type2 {
  color: #26ce9a;
  &:before {
    background: url(../../../assets/icons/index/icon_z.png) no-repeat;
    background-size: contain;
  }
}
/************* Style for Waterfall ******************/
.waterfall{
  &_item {
    background: #fff;
    &_add {
      background: url(../../../assets/icons/index/icon_add.png) #26ce9a no-repeat center;
      background-size:8px;
    }
    &_price {
      color: #ff9d4b;
    }
  }
}
/************* Style for Swiper ******************/
.swiper_dot {
  background: #ff9d4b;
}
/************* Style for chooseMerchant ******************/
.chooseMerchant_Wrap {
  background-color: #f8faf9;
}
/************* Style for Store top detail ******************/
.store-details {
  &-container {
    > p {
      color: #000;
    }
  }
  &-location {
    span {
      background: url(../../../assets/icons/index/icon_location.png) no-repeat;
      background-size: contain;
    }
    color: #818181;
  }
}
/************* Style for Store goods ******************/
.store-goods {
  &-wrap {
    background: #f4f4f4;
  }
  &-tab-mainly {
    .tab-mainly-item {
      &-hot {
        span {
          background: red;
          color: #fff;
        }
      }
      &-selected {
        background: #fff;
        color: #26ce9a;
        &::before {
          background: #26ce9a;
        }
      }
    }
  }
  &-container {
    background: #fff;
    .store-goods-tab-secondary {
      .tab-secondary-item {
        background: #f5f5f5;
        &-selected {
          background: #e1fff7;
          color: #26ce9a;
        }
      }
      &-container {
        .store-goods-title{
          color: #000;
        }
      }
      &-arrow {
        background: url(../../../assets/imgs/triangle.jpg) no-repeat center;
        background-size: 20px;
        &.secondary-arrow-expand {
          background: url(../../../assets/imgs/triangle1.jpg) no-repeat center;
          background-size: 20px;
        }
      }
      &-sort {
        .tab-secondary-sort{
          &-price,&-amount {
            color: #999999;
          }
          &-price,&-icon {
            span {
              background: url(../../../assets/imgs/sort.jpg) no-repeat center;
              background-size: 14px;
            }
          }
        }
      }
    }
  }
  &-item {
    &-price {
      span {
        color: #ff9d4b;
      }
    }
    &-add {
      background: url(../../../assets/icons/index/icon_add.png) #26ce9a no-repeat center;
      background-size:8px;
    }
  }
}
/************* Style for Clothes content ******************/
.clothes-wrap {
  background: #fff;
  .clothes-category-wrap {
    .clothes-category-item {
        p {
            color: #000;
        }
    }
}
}